html,body{
  height: 100%;
  .map-btn-list{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    .map-btn-item{
      height: 12.5%;
      text-align: center;
      display: flex;
      flex-direction: column;
      .img-box{
        flex: 1;
        padding-top: 5px;
        img{
          width: 55%;
        }
      }
      .text-box{
        display: flex;
        justify-content: center;
        align-content: center;
        height: 35%;
        font-size: 12px;
        color: #333333;
      }
      &.active {
        .text-box{
          color: orange;
        }
      }
    }
  }
}